<template>
  <div class="wrap">
    <colorTitle
      title="关于PPP"
      desc="About Public-Private Partnership"
    ></colorTitle>
    <div class="ppp-item model-wrap">
      <div class="model-inner fixed-width flex justify-between">
        <div class="model-img">
          <img src="https://img.cctvch.cn/uploads/4022453bf6aba96e00710e4cc840cbf3.png" alt="" />
        </div>
        <div class="model-text-main">
          <h3 class="title-wrap ppp-model-title-wrap font-md font-bloder">
            <span class="title ppp-model-title">PPP模式</span>
          </h3>
          <div class="model-text font-normal font-m">
            <p>
              PPP（Public-Private
              Partnership），又称PPP模式，即政府和社会资本合作，
              是公共基础设施中的一种项目运作模式。PPP模式鼓励政府与私营企业、民营资本进行合作，
              参与公共基础设施的建设，满足人民群众不断增加的多样化、高品质公共服务需求。
            </p>
            <p>
              中视财华国际传媒是国家财政部PPP中心的长期合作伙伴，
              是国内专注于PPP项目宣传 策划的传播机构，是紧跟国家治理现代化，
              供给侧结构性改革步伐的传播者，可为全国各省市、区、县、发改委、
              财政厅以及PPP项目方提供全面而贴心的PPP宣传服务（包括宣传片，专题片，纪录片，会议承办，
              画册、书籍、设计印刷出版等多项服务.
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="ppp-item">
      <div class="gaige-inner fixed-width">
        <h3 class="title-wrap font-md font-bloder">
          <span class="title">供给侧结构性改革</span>
        </h3>
        <p class="gaige-person font-m">
          供给侧结构性改革旨在调整经济结构，使要素实现最优配置，提升经济增长的质量和数量。
          需求侧改革主要有投资、消费、出口三驾马车，供给侧则有劳动力、土地、资本、制度创造、
          创新等要素。供给侧结构性改革，就是从提高供给质量出发，用改革的办法推进结构调整，
          矫正要素配置扭曲，扩大有效供给，提高供给结构对需求变化的适应性和灵活性，
          提高全要素生产率，更好满足广大人民群众的需要，促进经济社会持续健康发展。
        </p>
        <ul class="gaige-img-list flex justify-between">
          <li class="gaige-img-item">
            <img src="https://img.cctvch.cn/uploads/52136e80c3f898ebbd3ff8dd6434410a.png" alt="" />
          </li>
          <li class="gaige-img-item">
            <img src="https://img.cctvch.cn/uploads/6bd991e3a1efd34a46f2b533441c084c.png" alt="" />
          </li>
          <li class="gaige-img-item">
            <img src="https://img.cctvch.cn/uploads/f43f8e48e86ac8664c873384df6bd46e.png" alt="" />
          </li>
          <li class="gaige-img-item">
            <img src="https://img.cctvch.cn/uploads/f7b3a8e484bd3e63ee90379a60eacdcb.png" alt="" />
          </li>
        </ul>
      </div>
      <div class="one-inner fixed-width">
        <h3 class="title-wrap font-md font-bloder">
          <span class="title">五位一体</span>
        </h3>
        <div class="gaige-person font-m">
          <p>
            “五位一体”是十八大报告的“新提法”之一。
            经济建设、政治建设、文化建设、社会建设、
            生态文明建设——着眼于全面建成小康社会、
            实现社会主义现代化和中华民族伟大复兴，
            党的十八大报告对推进中国特色社会主义事业作出“五位一体”总体布局。
          </p>
          <p>
            “五位一体”总体布局，是中国共产党对“实现什么样的发展、
            怎样发展”这一重大战略问题的科学回答，用中国特色社会主义理论体系武装头脑、
            指导实践、推动工作，提供了强大思想武器。
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import colorTitle from "./colorTitle.vue";
</script>

<style scoped>
.fixed-width {
  margin: 0 auto;
  width: 1440px;
}
.ppp-item {
  padding: 76px 0px 40px;
  width: 100%;
}
.ppp-model-title-wrap{
  padding-left:15px;
}
.title {
  display: inline-block;
  position: relative;
  height: 68px;
  line-height: 68px;
}
.title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  display: inline-block;
  width: 22px;
  height:2px;
  transform: translateX(-50%);
  background: #9195a3;
}
.ppp-model-title::after {
  position: absolute;
  top:25px;
  left:-14px;
  content: "";
  display: inline-block;
  width:2px;
  height:20px;
  background: #9195a3;
}
/* model css */
.model-wrap {
  height: 454px;
  background: #f0f0f0;
}
.model-inner {
  position: relative;
  left: -5.5%;
  width: 1482px;
}
.model-img {
  width: 747px;
  height: 338px;
}
.model-text-main {
  width: 700px;
}
.title-wrap {
  margin-bottom: 25px;
  color: #2f4784;
}
.model-text {
  color: #9195a3;
  line-height: 26px;
}
.model-text p {
  margin-bottom: 25px;
}

/* gaige css */
.gaige-inner .title-wrap,
.one-inner .title-wrap{
  text-align: center;
}
.gaige-person {
  margin: 0 auto;
  width: 1126px;
  line-height: 26px;
  color: #9195A3;
}
.gaige-img-list {
  margin-top: 40px;
}
.gaige-img-item {
  width: 350px;
  height: 300px;
}
.gaige-img-item img {
  display: block;
  width: 100%;
  height: 100%;
}
.one-inner{
  margin-top:98px;
}
</style>
